<script setup>
import {ref} from 'vue'

let pf = i => i * i
let id = ref('ad')
let msg = ref('hello world')
</script>

<template>
  <p>{{ 2 ** 3 }}</p>
  <p>{{ Math.random() > .5 ? 'yes' : 'no' }}</p>
  <p>{{ pf(6) }}</p>
  <p>{{ msg + 1}}</p>
  <p>{{ msg.split('').reverse().join('').toUpperCase().repeat(pf(3))}}</p>
  <p></p>
  <!-- id="list-ad" -->
  <p :id="`list-${id}`">:id="`list-${id}`"</p>

  <hr>
  <!-- 这是一个语句，而非表达式 -->
  <!--{{ var a = 1 }}-->

  <!-- 条件控制也不支持，请使用三元表达式 -->
  <!--{{ if (ok) { return message } }}-->
  <p></p>
  <p></p>
  <p></p>
</template>
